.custom-dropdown{
    .ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle{
        width: fit-content;
    }
}

.share-modal{
    height: 180px;
    //padding: 20px 10px;

    .share-modal-link{
          width: 100%;
          font-size: 12px;
          border: 1px solid #eee;
          padding: 6px;
          cursor: text;

          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
      }
}

.share-box-api-title{
    font-size: 16px;
    font-weight: bold;
}


.share-box{
    display:flex;
    height:100%;

    &-left{
        width: 240px;
        border-right:1px solid var(--pi-border-color);
        background: var(--pi-bg-grey-100);
        height: 100%;


        .ant-tree-list{
            background: #f8f8f8;
        }
    }
    .share-box-right-box{
        overflow: auto;
        width: 100%;
        flex: 1;
    }

    &-right{
        padding: 10px 90px;
        max-width: 1040px;
        margin: 0 auto;
        width: 100%;
        height: 100%;


        .api-detail-content{
            max-width: 1040px;
        }

        &-content{
            margin: 0 auto;
            max-width: 1440px;

            display: flex;

            .share-box-right-detail-content{
                flex: 1;
            }

            &-item{

                &-detail{
                    display: flex;
                    gap: 16px;
                    align-items: center;
                    margin: 20px 0;

                    .status-box{
                        padding: 0 5px;
                        border-radius: var(--pi-border-radius);
                        border: 1px solid #e3e8f0;
                        background: #f8f8f8;
                       font-size:12px;
                    }
                }

                .share-detail-title{
                    font-size: 13px;
                    color: #aaa;
                }

                .share-request-item{
                    margin: 5px 0 20px;

                    .share-right-table{
                        margin: 5px 0;

                        /* 表头设置*/
                        .ant-table-thead>tr .ant-table-cell{
                            font-weight: var(--pi-font-weight-light);
                            padding: 10px;
                            font-size: 13px;
                        }

                        .ant-table-tbody .ant-table-cell{
                            padding: 10px;
                        }
                    }
                }

                .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td{
                    border-right: 0;
                    border-bottom: 1px solid #f5f5f5;
                }

                .ant-table-thead > tr > th{
                    background:  #f5f5f5 !important;
                    font-weight: lighter;
                }

                .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{
                    color: black;
                    cursor: auto;
                }

                .ant-select-arrow{
                    display: none;
                }

            }


            h4.ant-typography, div.ant-typography-h4, div.ant-typography-h4 > textarea, .ant-typography h4{
                margin: 30px 0 0 0;
            }

        }
    }
}

.share-verify-box{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;

    &-content{
        width: 400px;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin: -300px 0 0 0;

        &-title{
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 0 20px;
            font-size: 16px;
            font-weight: bold;
        }
    }
}

.share-link-box{
    display: flex;
    height: 100%;

    .share-link-left{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100% ;
        background-color: #e3e8f0;

        .share-link-left-bottom{
            padding: 20px 0;
        }
    }

    .share-left-header{
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;

        .share-left-logo{
            width: 24px;
            height: 24px;
        }

        .share-left-name {
            font-size: 20px;
            font-weight: 600;
        }
    }
    .share-left-list{
        padding:0 10px;
        overflow: auto;
        height: 100%;
    }


}
